/* PÃ¡rrafos */
p, body > ol, body > ul { background: #f0f0f0; border: 1px dotted #d7d7d7;
  padding-top: 5px; padding-bottom: 5px; font-family: sans-serif; }
p {padding-left: 5px; padding-right: 5px; }

p:hover, ol:hover, ul:hover {background: #f2f2f2;}
p {line-height: 1.3; text-indent: 15px;}


/* Varios estilos de texto */
body {color: black; background: #ececec; margin: 25px; }
p em, li em { color: #111; }
p q, li q { color: #070; }
abbr {cursor: help; border-bottom:1px dashed gray;}
a:link {color:blue;}
a:visited {color: #007;}
a:hover {color: red;}

@media print {

/*  Esto es complicado... tranquilo si no lo entiendes a la primera.
    Hace que al imprimir el documento, detrÃ¡s de cada enlace salga
  la direcciÃ³n a la que se enlaza. */
p a:after, body>*>li>a:after {content: ' [' attr(href) ']';
	color: #005; font-size: 75%;}

/* TambiÃ©n ahorra tinta al imprimir, y lo hace mÃ¡s agradable: */
	body {background:white; }
	p, body > ol, body > ul { background: #fafafa; 
	font-family:serif; border-width: 0;}

}

/* Ejemplos */
div.ejemplo {background: #f9f9f9; border: 1px solid black;
padding: 20px; margin-left: 5%; margin-right: 5%;}
code {color: #f60;}
code.bad {color: white; background: #d00;}
.borde {border: 2px solid black;}


/* Listas */
ol ol {list-style-type: lower-roman;}
li {line-height: 1.3; text-indent: 5px; margin-bottom: 3px;}


/* Encabezados */
h1, h2, h3, h4 {color: #B00; }
h1 {margin-left: 0px;}
h2 {margin-left: 5px; margin-top: 30px; text-decoration: underline;}
h3 {margin-left: 10px; margin-top: 30px; }
h4 {margin-left: 15px; margin-top: 20px; }
/* Al imprimirse, no forzar tipos de letra, daba algunos problemas. */
@media screen { h1, h2, h3, h4 { font-family: serif; } }
/* Resaltar la secciÃ³n a la que se acaba de ir: */
h2:target, h3:target, h4:target {background:yellow; color:black;}


/* Enlaces al siguiente capÃ­tulo al final de cada pÃ¡gina */
p.navegacion {text-align:right; margin-top: 60px; background: inherit;
              border: 0; font-variant: small-caps;}


body {
    padding-top: 20px;
}

body > .navbar .brand {
    color: #000000;
    font-weight: bold;
    margin-left: 0;
    margin-right: 20px;
    padding-left: 0;
    padding-right: 0;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 30px rgba(255, 255, 255, 0.125);
}

#footer {
    padding: 10px;
    border-top: 1px dotted silver;
 
}

div.exportlinks {
    margin: -5px 0 10px 5px;
    padding: 2px 4px 2px 0;
    width: 100%;
}

input {
    size: 10px;
}
div.exportlinks span {
    background-repeat: no-repeat;
}

span.export {
    cursor: pointer;
    display: inline-block;
    padding: 0 4px 1px 0;
}

span.pagebanner {
    display: block;
    margin: 10px 0 10px 0;
    padding: 2px 4px 2px 0;
}

span.pagelinks {
    display: block;
    font-size: .95em;
    margin-bottom: 5px;
    margin-top: -32px;
    padding: 2px 0 2px 0;
    text-align: right;
    width: 100%;
}

th.sorted a, th.sortable a {
    background-position: right;
    display: block;
}

.table th.order1 a {
    background-image: url(../images/arrow_down.png) !important;
}

.table th.order2 a {
    background-image: url(../images/arrow_up.png) !important;
}

.table th.sorted {
    background-color: #ffd;
    color: #000000;
}

.table th.sorted a, .table th.sortable a {
    background-position: right;
    background-repeat: no-repeat;
    display: block;
}

.table tr.even {
    background: #eee;
    border-top: 1px solid #c0c0c0;
    color: #000000;
}

.table tr.odd {
    background: #fff;
    border-top: 1px solid #c0c0c0;
    color: #000000;
}

/* highlight .table row onmouseover */
.table tr.over, .table tr:hover {
    border-bottom: 1px solid #C0C0C0;
    border-top: 1px solid #C0C0C0;
    color: #000000;
    cursor: pointer;
    background: #ffd;
}

/* FORMS */

.well.form-horizontal .form-actions {
    margin-bottom: 0;
}

.btn-group {
    margin-bottom: 10px;
}

.btn-group .btn, .form-actions .btn {
    margin-left: 5px;
}